<template>
	<h2>分类</h2>
	<h3>store:{{$store.state.count}}</h3>
	<h3>setup中的计算属性：{{iscount}}</h3>
</template>

<script>
	import {defineComponent,computed,reactive,toRefs} from 'vue'
	import {mapState,useStore} from 'vuex'
	export default defineComponent({
		setup(){
			//在组合Api中是不支持 辅助函数
			
			//...mapState(['count']) this.$store.state.count
			
			const store = useStore()
			//创建响应式对象 接收一个普通对象 返回一个响应式数据对象
			const data = reactive({
				iscount:computed(()=>store.state.count*2)
			})
			return{
				...toRefs(data)
			}
		},
	})
	
	
</script>

<style>
</style>
